import { Route, Redirect } from 'react-router-dom'
import { isAuth } from '@/utils/auth'

function AuthRoute({ component: CurrComponent, ...rest }) {
  // console.log('剩余参数', rest)
  return (
    <Route
      {...rest}
      render={(props) => {
        /**
         * 需求:根据是否有token,决定是否能访问页面
         * 1.有token,返回layout 组件
         * 2.没有token 使用Redirect 重定向到login页面
         */
        if (!isAuth()) {
          // 没有token 跳回登录页
          return (
            <Redirect
              to={{
                pathname: '/login',
                state: { from: props.location.pathname },
              }}></Redirect>
          )
        }
        return <CurrComponent></CurrComponent>
      }}></Route>
  )
}

export default AuthRoute
